.status_bar {
	background: #00ab64;
}
.top {
	padding-bottom: 104rpx;
	position: relative;
}
.user {
	display: flex;
	align-items: flex-end;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	padding: 16rpx 0 0;
	min-height: 130rpx;
	justify-content: space-between;
	/* #ifdef MP-WEIXIN */
	margin-top: 32rpx;
	/* #endif */
}
.user .left {
	display: flex;
	align-items: center;
}
.edit-button {
	height: 40rpx;
	line-height: 40rpx;
	border-radius: 20rpx;
	border: 2rpx solid #81a290;
	text-align: center;
	color: #81a290;
	margin-left: 25rpx;
	padding: 0rpx 20rpx;
}
.user .avatar {
	width: 112rpx;
	height: 112rpx;
	background: #d5e3df;
	border: 4rpx solid #ffffff;
	border-radius: 112rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 32rpx;
}

.user .left .name {
	font-size: 40rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	display: flex;
	align-items: center;
}
.user .left .id {
	font-size: 28rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
}
.user .left .name image {
	width: 40rpx;
	height: 40rpx;
	margin-left: 6rpx;
}
.dsc {
	font-size: 26rpx;
	max-width: 542rpx;
	line-height: 36rpx;
	margin-top: 32rpx;
}
.sum {
	display: flex;
	justify-content: space-between;
	margin-top: 40rpx;
	align-items: center;
}
.sum .score {
	min-width: 156rpx;
	height: 80rpx;
	background: #ffffff;
	border-radius: 24rpx;
	font-size: 24rpx;
	color: #8a8f99;
	line-height: 80rpx;
	padding: 0 16rpx;
}
.sum .score view {
	font-size: 28rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #00ab64;
	margin-left: 4rpx;
}
.sum .right {
	height: 80rpx;
	background: #ffffff;
	border-radius: 24rpx;
	padding: 0 34rpx;
	display: flex;
	align-items: center;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #1a2233;
	justify-content: space-between;
}
.sum .rights {
	padding: 0 24rpx;
}
.sum .right text {
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #585c66;
}
.sum .right .line {
	width: 354rpx;
	height: 16rpx;
	background: #e8eaed;
	border-radius: 6rpx;
}
.sum .rights .line {
	width: 192rpx;
	position: relative;
}
.sum .rights .line .percent {
	position: absolute;
	height: 16rpx;
	background: #00ab64;
	border-radius: 6rpx;
}
.custom-dj {
	width: 190rpx;
	height: 50rpx;
	line-height: 50rpx;
	background: url($oss_pub_domain + '/app-img/my/dj.png') no-repeat;
	background-size: 100% 100%;
	color: #FFFFFF;
	box-sizing: border-box;
	font-size: 22rpx;
}
.icon {
	display: flex;
	position: absolute;
	bottom: -100rpx;
	width: 100%;
	background-color: #fff;
	border-radius: 24rpx;
	height: 184rpx;
	align-items: center;
	justify-content: space-around;
	text-align: center;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #585c66;
}
.icon image {
	width: 64rpx;
	height: 64rpx;
	display: inline-block;
}
.icon .icon_row {
	position: relative;
	width: 25%;
}
.count {
	width: 624rpx;
	background: #ffffff;
	border-radius: 24rpx;
	margin: 0 auto;
	margin-top: 120rpx;
	padding: 32rpx;
	padding-bottom: 12rpx;
}
.count .title {
	font-size: 32rpx;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #1a2233;
}
.count .entry {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 32rpx;
}
.count .row {
	width: 238rpx;
	height: 92rpx;
	background: #f2f4f7;
	border-radius: 16rpx;
	margin-bottom: 20rpx;
	padding: 32rpx 24rpx;
	font-size: 28rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #1a2233;
}
.count .row .sub {
	font-size: 22rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #8a8f99;
	margin-top: 4rpx;
}
.train {
	width: 624rpx;
	background: #ffffff;
	border-radius: 24rpx;
	margin: 0 auto;
	margin-top: 20rpx;
	padding: 32rpx;
	padding-bottom: 0;
}
.train_time {
	margin-bottom: 60rpx;
}
.train_time .part {
	display: flex;
	justify-content: space-between;
	font-size: 32rpx;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #1a2233;
}
.train_time .part .more {
	width: 136rpx;
	height: 40rpx;
	border-radius: 24rpx;
	border: 2rpx solid #979797;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #81a290;
	display: flex;
	align-items: center;
	justify-content: center;
}
.calendar {
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.calendar .w {
	margin: 56rpx 0 30rpx 0;
	font-size: 28rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #c4c7cc;
}
.calendar .d {
	width: 72rpx;
	height: 72rpx;
	background: #ffffff;
	border-radius: 72rpx;
	font-size: 32rpx;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #1a2233;
	line-height: 72rpx;
}
.calendar .active .w {
	color: #00ab64;
}
.calendar .active .d {
	background: #00ab64;
	color: #ffffff;
}
.train .empty {
	margin-top: 40rpx;
	height: 350rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 28rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #c4c7cc;
}
.train .empty image {
	width: 128rpx;
	height: 100rpx;
	margin-bottom: 26rpx;
}
.train .entry {
	margin-top: 40rpx;
}
.train .entry .row {
	padding: 32rpx 0;
	border-top: 2rpx solid #ebeded;
	font-size: 36rpx;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #1a2233;
}

.train .entry .row .part {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.train .entry .row .part .time {
	font-size: 22rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #86a695;
	width: 128rpx;
	height: 36rpx;
	background: #f3f5f5;
	border-radius: 8rpx;
	text-align: center;
	line-height: 36rpx;
	margin-left: 20rpx;
}
.train .entry .row .part2 {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 32rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #1a2233;
	margin-top: 42rpx;
}
.train .entry .row .part2 image {
	width: 88rpx;
	height: 88rpx;
	margin-right: 24rpx;
}
.train .entry .row .part2 .name {
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #8a8f99;
	margin-bottom: 12rpx;
}
.analysis {
	width: 624rpx;
	background: #ffffff;
	border-radius: 24rpx;
	margin: 0 auto;
	margin-top: 20rpx;
	padding: 32rpx;
	padding-bottom: 0;
	margin-bottom: 28rpx;
}
.analysis .part {
	font-size: 32rpx;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #1a2233;
}
.analysis .part1 {
	margin-top: 40rpx;
	display: flex;
	justify-content: space-between;
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #8a8f99;
}
.analysis .part1 text {
	color: #1a2233;
}
.analysis .part1 .right {
	display: flex;
	align-items: center;
}
.analysis .part1 .right .line {
	margin: 0 16rpx;
	width: 2rpx;
	height: 24rpx;
	background: #c4c7cc;
}
.analysis .part1 .right .date {
	position: relative;
	font-size: 28rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #c4c7cc;
}
.analysis .part1 .right .active {
	font-size: 28rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #ffac00;
}
.analysis .part1 .right .active .lines {
	position: absolute;
	width: 20rpx;
	height: 4rpx;
	background: #ffac00;
	border-radius: 3rpx;
	bottom: -4rpx;
	left: 50%;
	margin-left: -10rpx;
}
.charts-box {
	padding-bottom: 92rpx;
	width: 100%;
}

.status {
	font-size: 32rpx;
	padding: 6rpx 14rpx;
	font-size: 22rpx;
	margin-left: 20rpx;
	border-radius: 8rpx;
}
